﻿<div nz-row nzGutter="16">
    <div nz-col nzXs="24" nzMd="12">
        <nz-card [nzBordered]="false" [nzTitle]="basicLine">
            <ng-template #basicLine>
                折线图
                <small class="text-sm font-weight-normal">基础折线图</small>
            </ng-template>
            <v-chart [forceFit]="true" [height]="275">
                <v-tooltip></v-tooltip>
                <v-axis></v-axis>
                <x-line url="/api/line"></x-line>
            </v-chart>
        </nz-card>
    </div>
    <div nz-col nzXs="24" nzMd="12">
        <nz-card [nzBordered]="false" [nzTitle]="multiLine">
            <ng-template #multiLine>
                折线图
                <small class="text-sm font-weight-normal">多条折线图</small>
            </ng-template>
            <v-chart [forceFit]="true" [height]="275">
                <v-tooltip></v-tooltip>
                <v-axis></v-axis>
                <x-line url="/api/line/multi"></x-line>
            </v-chart>
        </nz-card>
    </div>
</div>